<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>指尖金融</title>
<link href="../../../css/logistics-common.css" type="text/css"
	rel="stylesheet">
<link href="../../../css/common.css" type="text/css" rel="stylesheet">
<link href="../../../css/base.css" type="text/css" rel="stylesheet">
<link href="recieveNoticeList.css" type="text/css" rel="stylesheet"></link>
<link rel="stylesheet" type="text/css"
	href="../../../component/autocomplete/jquery.autocomplete.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/My97DatePicker/skin/WdatePicker.css" />
</head>
<body>
	<div class="wrapper">
		<!-- 顶部菜单栏 -->
		<div id="header" class="header"></div>
		<div class="main" id="main">
			<!-- 左侧菜单栏 -->
			<div id="leftMenu" class="left"></div>
			<div class="pages">
				<div class="page field-section" id="transportNoticeList">
					<p class="table-head">
						<label class="table-title"> 当前位置:收货通知查询 </label>
					</p>
					<p class="table-search">
						<label for="" class="publishTime">收货通知状态：</label> <select
							class="noticeState">
							<option value="">全部</option>
							<option value="1">未确认</option>
							<option value="2">已确认</option>
							<option value="3">已完成</option>
							<option value="4">取消</option>
						</select> 
						<label for="" class="publishTime">业务类型：</label> 
						<select name="productType">
							<option value="0">全部</option>
							<option value="1">舱单代采</option>
							<option value="2">舱单质押</option>
							<option value="3">仓储质押</option>
							<option value="4">保理融资</option>
							<option value="5">代理采购</option>
							<option value="6">代理销售</option>
						</select> 
						<label class="financingGoods">融资编号：</label> <input
							class="input-financingGoods field-input financeNumber"
							type="text" placeholder="请输入融资编号" /> 
						<br/>
						<label class="financingGoods" style="margin-left: 23px;">融资企业：</label>
							<input class="input-financingGoods field-input" id="enterpriseName" type="text" placeholder="请输入融资企业" />
						<label class="financingGoods" style="margin-left: 1px;">运输货物：</label>
								<input class="input-financingGoods field-input" id="commodityName" type="text" placeholder="请输入融资货物" />
						<button class="table-search-button" id="transportNoticeListSearch">查询</button>
					</p>
					<div class="page-content">
						<div class="page-content-main table-section">
							<table class="table" id="transportNoticeListBody">
							</table>
							<script type="text/template" id="transportNoticeListTpl">
										<tr>
											<th style="width: 5%;">序号</th>
											<th style="width: 10%;">通知时间|融资编号</th>
											<th style="width: 5%;">合同序列号</th>
											<th style="width: 10%;">融资客户</th>
											<th style="width: 10%;">业务类型</th>
											<th style="width: 10%;">物流公司</th>
											<th style="width: 5%;">通知单号</th>
											<th style="width: 5%;">出发地</th>
											<th style="width: 5%;">目的地</th>
											<th style="width: 10%;">运输货物</th>
											<th style="width: 5%;">状态</th>
											<th style="width: 10%;">确认时间</th>
											<th style="width: 10%;">操作</th>
										</tr>
										{@each datas as it, index}
										<tr class="tr_style table-data" transportNoticeId="${it.transportNoticeId}">
											<td>${index*1 + 1}</td>
											<td>
												${it.createDateTime}
												<span class="number_finance">${it.financeNumber}</span>
											</td>
											<td>${it.financeContractSerialNumber}</td>
											<td>${it.enterpriseName}</td>
											<td>${getValueByKey(7,it.productType)}</td>
											<td>${it.logisticsCompanyName}</td>
											<td>${it.transportNoticeNumber}</td>
											<td>${it.receiveAddress}</td>
											<td>${it.deliverAddress}</td>
											<td>
												{@each it.bulkstockInventories as that} ${that.bulkstockName}(${that.specification}) -- ${that.quantity}${that.unit}
												<br/> {@/each}
											</td>
											<td>
												${getValueByKey(47, it.noticeState)}
											</td>
											<td>${it.confirmDateTime}</td>
											<td><a class="handle-type detail">详情</a></td>
										</tr>
										{@/each}
									</script>
							<div id="pagenation" class="pagerCon"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer" class="none footer"></div>
	</div>
	<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
	<script src="../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
	<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
	<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
	<script type="text/javascript" src="../../../js/logistics/config.js"></script>
	<script type="text/javascript" src="../../../js/juicer-min.js"></script>
	<script src="../../../js/ajaxfileupload.js" type="text/javascript"
		charset="utf-8"></script>
	<script src="../../../component/autocomplete/jquery.autocomplete.js"
		type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript"
		src="../../../js/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript">
		seajs.use('./transportNoticeList', function(transportNoticeList) {
			transportNoticeList.init();
		});
	</script>
</body>
</html>